<template lang="html">
  <div class="">
    <div class="">
      <!--<el-button-->
      <!--type="primary"-->
      <!--@click="timeoffFormDisplay"-->
      <!--class="timeoffButton"-->
      <!--size="small">-->
      <!--请假申请-->
      <!--</el-button>-->
    </div>
    <el-table
      :data="application"
      stripe
      style="width: 100%"
      class="tableDatadisplay">
      <el-table-column
        prop="staffId"
        label="员工Id"
        align="center">
      </el-table-column>
      <el-table-column
        prop="staffName"
        label="姓名"
        sortable
        align="center">
      </el-table-column>
      <el-table-column
        prop="holidayStart"
        :formatter="formatDate1"
        label="假期开始日期"
        sortable
        align="center">
      </el-table-column>
      <el-table-column
        prop="holidayEnd"
        label="假期结束日期"
        :formatter="formatDate2"
        sortable
        align="center">
      </el-table-column>
      <!--<el-table-column-->
      <!--prop="timeoff_days"-->
      <!--label="请假天数"-->
      <!--align="center">-->
      <!--</el-table-column>-->
      <el-table-column
        prop="type"
        label="请假类型"
        align="center">
      </el-table-column>
      <el-table-column
        label="请假原因"
        prop="reason"
        align="center">
      </el-table-column>
      <el-table-column
        prop="submitTime"
        label="提交日期"
        :formatter="formatDate3"
        sortable
        align="center">
      </el-table-column>
      <el-table-column
        label="审批状态"
		     sortable
        :formatter="formatStatus"
        prop="status"
        align="center">
      </el-table-column>
      <el-table-column
        label="审批人"
        prop="approverId"
        align="center">
      </el-table-column>
      <el-table-column
        label="操作"
        align="center"
        fixed="right"
        width="140">
        <template slot-scope="scope">
          <el-button-group>
            <!--<el-button-->
            <!--icon="el-icon-delete"-->
            <!--size="small"-->
            <!--@click="deleteTableItem(scope.row)">-->
            <!--</el-button>-->
            <!--<el-button-->
            <!--icon="el-icon-more"-->
            <!--size="small"-->
            <!--@click="displayVocationInfo(scope.row)">-->
            <!--</el-button>-->
            <!--<el-button icon="el-icon-edit" size="small"  @click="timeoffFormDisplay"></el-button>-->
            <el-button  icon="el-icon-delete" size="small"   @click="deleteTableItem(scope.$index, scope.row)"></el-button>
          </el-button-group>
        </template>
      </el-table-column>

    </el-table>
    <el-pagination
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      :current-page="currentPage"
      :page-sizes="10"
      :page-size="100"
      layout="total, sizes, prev, pager, next, jumper"
      :total=application.length>
    </el-pagination>

  </div>
</template>

<script>
  export default {
    mounted: function () {
      var storage=window.localStorage;
      this.id=storage.getItem("user_id");
      this.refresh();
    },
    data() {
      return {
        id:null,
        application:[],
        rewrite:[],
        //当前页
        currentPage: 1,
        //dialog的显示
        dialogFormVisible: false,
        //表单初始化
        timeoffForm: {
          timeoff_date: [],
          timeoff_day: 1,
          timeoff_type: '',
          expect_date: [],
          decs: ''
        },
        //选择器
        options: [{
          value: '事假',
          label: '事假'
        }, {
          value: '病假',
          label: '病假'
        }, {
          value: '婚假',
          label: '婚假'
        }, {
          value: '年假',
          label: '年假'
        }, {
          value: '产假',
          label: '产假'
        }, {
          value: '丧假',
          label: '丧假'
        }, {
          value: '陪产假',
          label: '陪产假'
        }]
      }
    },
    methods: {
      formatDate1(row){
        return this.$moment(row.holidayStart).format('YYYY-MM-DD HH:mm:ss');
      },
      formatDate2(row){
        return this.$moment(row.holidayEnd).format('YYYY-MM-DD HH:mm:ss');
      },
      formatDate3(row){
        return this.$moment(row.submitTime).format('YYYY-MM-DD HH:mm:ss');
      },
      //状态改成汉字
      formatStatus: function (row, column, cellValue, index) {
        return row.status == 1 ? '已通过' : row.sex == 2 ? '未通过' : '未通过';
      },
      refresh(){
        this.$http.get('api/leavingsystem/application/', {headers:{"Authorization": "1000.123456.1"}}).then(response =>{
          // console.log("good");
          this.application=response.data.data;
          this.application= this.application.filter(ap => ap.status != 0);
          console.log(this.application)

        }, response =>{
          // alert("wrong");
          console.log("wrong");
          // console.log(response.data);
          this.$alert('系统繁忙，请刷新重试', '加载失败', {

          });

        });
      },
      //删除表格数据
      deleteTableItem (index,row) {
        this.$confirm('此操作将永久删除该条数据, 是否继续?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          this.$http.delete('api/leavingsystem/application/'+row.applicationId, {headers:{"Authorization": "1000.123456.1"}}).then(response =>{
            if(response.data.error_code==0){
              this.$notify({
                title: '成功',
                message: '删除成功!',
                type: 'success'
              });
            }else{
              this.$notify({
                title: '失败',
                message: '删除失败!',
                type: 'error'
              });
            }
            console.log("good");
            console.log(response.data);
            this.refresh()
            // window.location.reload();
          },response=>{
            this.$notify({
              title: '失败',
              message: '删除失败，请重试',
              type: 'error'
            });
            console.log("wrong");
          })
        }).catch(() => {

        });
      },
      //处理页面跳转请求
      handleCurrentChange(item) {
        console.log(item);
      },
      //处理每页的个数发生变化
      handleSizeChange(item) {
        console.log(item);
      },
      //打开请假申请单
      timeoffFormDisplay() {
        this.dialogFormVisible = true;
      },
      //当对话框关闭时，初始化数据
      handleDialogClose() {
        this.timeoffForm = {
          timeoff_date: [],
          timeoff_day: 1,
          timeoff_type: '',
          expect_date: [],
          decs: ''
        };
        this.dialogFormVisible = false;
      },
      //提交请假申请单
      submitForm() {
        if(this.timeoffForm.timeoff_date==null || this.timeoffForm.timeoff_type==null){
          this.$alert('请填写必要信息', '提交失败', {
            confirmButtonText: '确定',
            // callback: action => {
            //   this.$message({
            //     type: 'info',
            //     message: `action: ${ action }`
            //   });
            // }
          });
        }else{

          console.log(this.timeoffForm.timeoff_date);
          console.log("提交请假申请单");
          this.handleDialogClose();

        }


      }
    }
  }
</script>

<style lang="css">
  .el-table .warning-row {
    background: oldlace;
  }

  .el-table .success-row {
    background: #f0f9eb;
  }
  .timeoffButton {
    float: right;
  }
  .tableDatadisplay {
    margin-bottom: 40px;
  }
  .timeoffDecs {
    width: 350px;
  }
  .timeoffType {
    width: 220px;
  }
</style>


<!--<template lang="html">-->
  <!--<div class="">-->
    <!--<el-row :gutter="10">-->
      <!--<el-col :span="4">-->
        <!--<div class="">-->
          <!--<el-input-->
            <!--placeholder="请输入姓名"-->
            <!--suffix-icon="el-icon-search"-->
            <!--size="small"-->
            <!--v-model="userName"-->
            <!--@change="handleNameChange">-->
          <!--</el-input>-->
        <!--</div>-->
      <!--</el-col>-->
      <!--<el-col :span="20">-->
        <!--<div class="">-->
          <!--<el-date-picker-->
            <!--v-model="userDate"-->
            <!--size="small"-->
            <!--type="daterange"-->
            <!--align="right"-->
            <!--unlink-panels-->
            <!--range-separator="~"-->
            <!--start-placeholder="开始日期"-->
            <!--end-placeholder="结束日期"-->
            <!--:picker-options="pickerOptions"-->
            <!--format="yyyy-MM-dd"-->
            <!--value-format="yyyy-MM-dd"-->
            <!--@change="searchUserDate">-->
          <!--</el-date-picker>-->
        <!--</div>-->
      <!--</el-col>-->
    <!--</el-row>-->
    <!--<el-table-->
      <!--:data="tableData"-->
      <!--stripe-->
      <!--style="width: 100%"-->
      <!--class="editDialog">-->
      <!--<el-table-column-->
        <!--prop="user_name"-->
        <!--label="姓名"-->
        <!--align="center">-->
      <!--</el-table-column>-->
      <!--<el-table-column-->
        <!--label="请假起止日期"-->
        <!--align="center"-->
        <!--min-width="190">-->
        <!--<template slot-scope="scope">-->
          <!--<span>{{scope.row.timeoff_date[0]}}</span>-->
          <!--<span>&#45;&#45;</span>-->
          <!--<span>{{scope.row.timeoff_date[1]}}</span>-->
        <!--</template>-->
      <!--</el-table-column>-->
      <!--<el-table-column-->
        <!--prop="timeoff_days"-->
        <!--label="请假天数"-->
        <!--align="center">-->
      <!--</el-table-column>-->
      <!--<el-table-column-->
        <!--prop="timeoff_type"-->
        <!--label="类型"-->
        <!--align="center">-->
      <!--</el-table-column>-->
      <!--<el-table-column-->
        <!--label="请假原因"-->
        <!--prop="timeoff_type"-->
        <!--align="center">-->
      <!--</el-table-column>-->
      <!--<el-table-column-->
        <!--label="审批状态"-->
        <!--prop="timeoff_type"-->
        <!--align="center">-->
      <!--</el-table-column>-->
      <!--<el-table-column-->
        <!--label="审批人"-->
        <!--prop="timeoff_type"-->
        <!--align="center">-->
      <!--</el-table-column>-->
      <!--<el-table-column-->
        <!--label="操作"-->
        <!--align="center"-->
        <!--fixed="right"-->
        <!--width="140">-->
        <!--<template slot-scope="scope">-->
          <!--<el-button-group>-->
            <!--<el-button-->
              <!--icon="el-icon-delete"-->
              <!--size="small"-->
              <!--@click="deleteTableItem(scope.row)">-->
            <!--</el-button>-->
            <!--<el-button-->
              <!--icon="el-icon-more"-->
              <!--size="small"-->
              <!--@click="displayVocationInfo(scope.row)">-->
            <!--</el-button>-->
          <!--</el-button-group>-->
        <!--</template>-->
      <!--</el-table-column>-->
    <!--</el-table>-->
    <!--<el-pagination-->
      <!--@size-change="handleSizeChange"-->
      <!--@current-change="handleCurrentChange"-->
      <!--:current-page="currentPage"-->
      <!--:page-sizes="10"-->
      <!--:page-size="100"-->
      <!--layout="total, sizes, prev, pager, next, jumper"-->
      <!--:total="10">-->
    <!--</el-pagination>-->
    <!--<el-dialog-->
      <!--:title="displayUseName + ' 假期详情'"-->
      <!--:visible.sync="dialogTableVisible">-->
      <!--<el-table-->
        <!--:data="gridData">-->
        <!--<el-table-column-->
          <!--label="请假日期"-->
          <!--align="center">-->
          <!--<template slot-scope="scope">-->
            <!--<span>{{scope.row.timeoff_date[0]}}</span>-->
            <!--<span>&#45;&#45;</span>-->
            <!--<span>{{scope.row.timeoff_date[1]}}</span>-->
          <!--</template>-->
        <!--</el-table-column>-->
        <!--<el-table-column-->
          <!--label="请假天数"-->
          <!--prop="timeoff_days"-->
          <!--align="center">-->
        <!--</el-table-column>-->
        <!--<el-table-column-->
          <!--label="请假类型"-->
          <!--prop="timeoff_type"-->
          <!--align="center">-->
        <!--</el-table-column>-->
        <!--<el-table-column-->
          <!--label="请假原因"-->
          <!--prop="timeoff_type"-->
          <!--align="center">-->
        <!--</el-table-column>-->
        <!--<el-table-column-->
          <!--label="审批状态"-->
          <!--prop="timeoff_type"-->
          <!--align="center">-->
        <!--</el-table-column>-->
        <!--<el-table-column-->
          <!--label="审批人"-->
          <!--prop="timeoff_type"-->
          <!--align="center">-->
        <!--</el-table-column>-->
      <!--</el-table>-->
    <!--</el-dialog>-->
  <!--</div>-->
<!--</template>-->

<!--<script>-->
  <!--export default {-->
    <!--created: function () {-->
      <!--this.$http.get('api/leavingsystem/application/', {headers:{"Authorization": "1000.123456.1"}}).then(response =>{-->
        <!--// console.log("good");-->
        <!--this.application=response.data.data;-->
        <!--console.log(this.application)-->
        <!--// console.log(response.data.data.password);-->
        <!--// console.log(this.ruleForm2.checkPass);-->
        <!--// this.checkstaff.password="123456";-->
<!--// console.log(response.json());-->
      <!--}, response =>{-->
        <!--// alert("wrong");-->
        <!--console.log("wrong");-->
        <!--// console.log(response.data);-->
        <!--this.$alert('系统繁忙，请刷新重试', '加载失败', {-->
          <!--confirmButtonText: '确定',-->
          <!--// callback: action => {-->
          <!--//   this.$message({-->
          <!--//     type: 'info',-->
          <!--//     message: `action: ${ action }`-->
          <!--//   });-->
          <!--// }-->
        <!--});-->

      <!--});-->
    <!--},-->
    <!--data() {-->
      <!--return {-->
        <!--//搜索用户姓名-->
        <!--userName: '',-->
        <!--//搜索日历下的数据-->
        <!--userDate: [],-->
        <!--//日历选择器的快捷键-->
        <!--pickerOptions: {-->
          <!--shortcuts: [{-->
            <!--text: '最近一周',-->
            <!--onClick(picker) {-->
              <!--const end = new Date();-->
              <!--const start = new Date();-->
              <!--start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);-->
              <!--picker.$emit('pick', [start, end]);-->
            <!--}-->
          <!--}, {-->
            <!--text: '最近一个月',-->
            <!--onClick(picker) {-->
              <!--const end = new Date();-->
              <!--const start = new Date();-->
              <!--start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);-->
              <!--picker.$emit('pick', [start, end]);-->
            <!--}-->
          <!--}, {-->
            <!--text: '最近三个月',-->
            <!--onClick(picker) {-->
              <!--const end = new Date();-->
              <!--const start = new Date();-->
              <!--start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);-->
              <!--picker.$emit('pick', [start, end]);-->
            <!--}-->
          <!--}]-->
        <!--},-->
        <!--//表格临时数据-->
        <!--temp: [],-->
        <!--//当前页数-->
        <!--currentPage: 1,-->
        <!--// 假期详情个人姓名-->
        <!--displayUseName: '',-->
        <!--//展示个人假期详情-->
        <!--dialogTableVisible: false,-->
        <!--//个人假期数据-->
        <!--gridData: [{-->
          <!--"actual_exchange_date": [-->
            <!--"2018-05-30",-->
            <!--"2018-05-30"-->
          <!--],-->
          <!--"actual_exchange_days": 0,-->
          <!--"create_time": "Thu, 31 May 2018 08:05:56 GMT",-->
          <!--"desc": null,-->
          <!--"division": "030",-->
          <!--"email": "kengyu.chen@ihandysoft.com",-->
          <!--"expect_exchange_date": [],-->
          <!--"expect_exchange_days": 0,-->
          <!--"is_approval_timeoff": "yes",-->
          <!--"is_canceled": "no",-->
          <!--"is_confirm_exchange": false,-->
          <!--"is_paid": "no",-->
          <!--"primary_id": "64944475787192571532",-->
          <!--"timeoff_date": [-->
            <!--"2018-05-30",-->
            <!--"2018-05-30"-->
          <!--],-->
          <!--"timeoff_days": 1,-->
          <!--"timeoff_type": "\u4e8b\u5047",-->
          <!--"update_time": "Thu, 31 May 2018 08:05:56 GMT",-->
          <!--"user_name": "\u9648\u94ff\u5b87"-->
        <!--},-->
          <!--{-->
            <!--"actual_exchange_date": [],-->
            <!--"actual_exchange_days": 0,-->
            <!--"create_time": "Wed, 23 May 2018 02:18:07 GMT",-->
            <!--"desc": null,-->
            <!--"division": "030",-->
            <!--"email": "kengyu.chen@ihandysoft.com",-->
            <!--"expect_exchange_date": [],-->
            <!--"expect_exchange_days": 0,-->
            <!--"is_approval_timeoff": "yes",-->
            <!--"is_canceled": "no",-->
            <!--"is_confirm_exchange": false,-->
            <!--"is_paid": "yes",-->
            <!--"primary_id": "36551545845391436782",-->
            <!--"timeoff_date": [-->
              <!--"2018-05-16",-->
              <!--"2018-05-17"-->
            <!--],-->
            <!--"timeoff_days": 2,-->
            <!--"timeoff_type": "\u5e74\u5047",-->
            <!--"update_time": "Wed, 23 May 2018 02:18:07 GMT",-->
            <!--"user_name": "\u9648\u94ff\u5b87"-->
          <!--},-->
          <!--{-->
            <!--"actual_exchange_date": [],-->
            <!--"actual_exchange_days": 0,-->
            <!--"create_time": "Thu, 17 May 2018 02:48:42 GMT",-->
            <!--"desc": null,-->
            <!--"division": "030",-->
            <!--"email": "kengyu.chen@ihandysoft.com",-->
            <!--"expect_exchange_date": [-->
              <!--"2018-05-30",-->
              <!--"2018-05-30"-->
            <!--],-->
            <!--"expect_exchange_days": 0,-->
            <!--"is_approval_timeoff": "yes",-->
            <!--"is_canceled": "no",-->
            <!--"is_confirm_exchange": true,-->
            <!--"is_paid": "no",-->
            <!--"primary_id": "42613744529452872256",-->
            <!--"timeoff_date": [-->
              <!--"2018-04-28",-->
              <!--"2018-04-28"-->
            <!--],-->
            <!--"timeoff_days": 1,-->
            <!--"timeoff_type": "\u4e8b\u5047",-->
            <!--"update_time": "Wed, 30 May 2018 02:38:51 GMT",-->
            <!--"user_name": "\u9648\u94ff\u5b87"-->
          <!--}-->
        <!--],-->
        <!--//表格数据-->
        <!--tableData: [{-->
          <!--"actual_exchange_date": [],-->
          <!--"actual_exchange_days": 0,-->
          <!--"create_time": "Thu, 31 May 2018 08:05:56 GMT",-->
          <!--"desc": null,-->
          <!--"division": "030",-->
          <!--"email": "kengyu.chen@ihandysoft.com",-->
          <!--"expect_exchange_date": [],-->
          <!--"expect_exchange_days": 0,-->
          <!--"is_approval_timeoff": "yes",-->
          <!--"is_canceled": "no",-->
          <!--"is_confirm_exchange": false,-->
          <!--"is_paid": "no",-->
          <!--"primary_id": "64944475787192571532",-->
          <!--"timeoff_date": [-->
            <!--"2018-05-30",-->
            <!--"2018-05-30"-->
          <!--],-->
          <!--"timeoff_days": 1,-->
          <!--"timeoff_type": "\u4e8b\u5047",-->
          <!--"update_time": "Thu, 31 May 2018 08:05:56 GMT",-->
          <!--"user_name": "\u9648\u94ff\u5b87"-->
        <!--},-->
          <!--{-->
            <!--"actual_exchange_date": [],-->
            <!--"actual_exchange_days": 0,-->
            <!--"create_time": "Wed, 30 May 2018 10:02:13 GMT",-->
            <!--"desc": "\u751f\u75c5",-->
            <!--"division": "095",-->
            <!--"email": "zhixin.chen@ihandysoft.com",-->
            <!--"expect_exchange_date": [],-->
            <!--"expect_exchange_days": 0,-->
            <!--"is_approval_timeoff": "yes",-->
            <!--"is_canceled": "no",-->
            <!--"is_confirm_exchange": true,-->
            <!--"is_paid": "no",-->
            <!--"primary_id": "86428716981672858296",-->
            <!--"timeoff_date": [-->
              <!--"2018-05-29",-->
              <!--"2018-05-31"-->
            <!--],-->
            <!--"timeoff_days": 3,-->
            <!--"timeoff_type": "\u75c5\u5047",-->
            <!--"update_time": "Wed, 30 May 2018 11:55:32 GMT",-->
            <!--"user_name": "\u9648\u82b7\u82af"-->
          <!--},-->
          <!--{-->
            <!--"actual_exchange_date": [],-->
            <!--"actual_exchange_days": 0,-->
            <!--"create_time": "Wed, 30 May 2018 08:56:56 GMT",-->
            <!--"desc": "vv",-->
            <!--"division": "095",-->
            <!--"email": "wenting.zou@ihandysoft.com",-->
            <!--"expect_exchange_date": [],-->
            <!--"expect_exchange_days": 0,-->
            <!--"is_approval_timeoff": "yes",-->
            <!--"is_canceled": "no",-->
            <!--"is_confirm_exchange": false,-->
            <!--"is_paid": "yes",-->
            <!--"primary_id": "43733899285186526752",-->
            <!--"timeoff_date": [-->
              <!--"2018-05-29",-->
              <!--"2018-05-29"-->
            <!--],-->
            <!--"timeoff_days": 1,-->
            <!--"timeoff_type": "\u5a5a\u5047",-->
            <!--"update_time": "Wed, 30 May 2018 08:56:56 GMT",-->
            <!--"user_name": "\u90b9\u6587\u5a77"-->
          <!--},-->
          <!--{-->
            <!--"actual_exchange_date": [],-->
            <!--"actual_exchange_days": 0,-->
            <!--"create_time": "Wed, 30 May 2018 08:16:54 GMT",-->
            <!--"desc": "123",-->
            <!--"division": "045",-->
            <!--"email": "jian.zhou@ihandysoft.com",-->
            <!--"expect_exchange_date": [-->
              <!--"2018-06-03",-->
              <!--"2018-06-04",-->
              <!--"2018-07-04"-->
            <!--],-->
            <!--"expect_exchange_days": 1,-->
            <!--"is_approval_timeoff": "yes",-->
            <!--"is_canceled": "no",-->
            <!--"is_confirm_exchange": false,-->
            <!--"is_paid": "no",-->
            <!--"primary_id": "15977744147638718314",-->
            <!--"timeoff_date": [-->
              <!--"2018-05-29",-->
              <!--"2018-05-29"-->
            <!--],-->
            <!--"timeoff_days": 1,-->
            <!--"timeoff_type": "\u4e8b\u5047",-->
            <!--"update_time": "Wed, 30 May 2018 08:16:54 GMT",-->
            <!--"user_name": "\u5468\u575a"-->
          <!--},-->
          <!--{-->
            <!--"actual_exchange_date": [],-->
            <!--"actual_exchange_days": 0,-->
            <!--"create_time": "Wed, 30 May 2018 11:30:07 GMT",-->
            <!--"desc": "123",-->
            <!--"division": "084",-->
            <!--"email": "zexin.zhang@ihandysoft.com",-->
            <!--"expect_exchange_date": [],-->
            <!--"expect_exchange_days": 0,-->
            <!--"is_approval_timeoff": "yes",-->
            <!--"is_canceled": "no",-->
            <!--"is_confirm_exchange": false,-->
            <!--"is_paid": "no",-->
            <!--"primary_id": "83772711323623499536",-->
            <!--"timeoff_date": [-->
              <!--"2018-05-29",-->
              <!--"2018-05-29"-->
            <!--],-->
            <!--"timeoff_days": 1,-->
            <!--"timeoff_type": "\u4e8b\u5047",-->
            <!--"update_time": "Wed, 30 May 2018 11:30:07 GMT",-->
            <!--"user_name": "\u5f20\u6cfd\u946b"-->
          <!--},-->
          <!--{-->
            <!--"actual_exchange_date": [],-->
            <!--"actual_exchange_days": 0,-->
            <!--"create_time": "Wed, 30 May 2018 08:18:02 GMT",-->
            <!--"desc": "123",-->
            <!--"division": "050",-->
            <!--"email": "yating.liu@ihandysoft.com",-->
            <!--"expect_exchange_date": [-->
              <!--"2018-05-31"-->
            <!--],-->
            <!--"expect_exchange_days": 1,-->
            <!--"is_approval_timeoff": "yes",-->
            <!--"is_canceled": "no",-->
            <!--"is_confirm_exchange": false,-->
            <!--"is_paid": "no",-->
            <!--"primary_id": "11217841323551162883",-->
            <!--"timeoff_date": [-->
              <!--"2018-05-29",-->
              <!--"2018-05-29"-->
            <!--],-->
            <!--"timeoff_days": 1,-->
            <!--"timeoff_type": "\u4e8b\u5047",-->
            <!--"update_time": "Wed, 30 May 2018 08:18:02 GMT",-->
            <!--"user_name": "\u5218\u4e9a\u5a77"-->
          <!--},-->
          <!--{-->
            <!--"actual_exchange_date": [],-->
            <!--"actual_exchange_days": 0,-->
            <!--"create_time": "Wed, 30 May 2018 11:53:32 GMT",-->
            <!--"desc": "123",-->
            <!--"division": "099",-->
            <!--"email": "hh@ihandysoft.com",-->
            <!--"expect_exchange_date": [],-->
            <!--"expect_exchange_days": 0,-->
            <!--"is_approval_timeoff": "yes",-->
            <!--"is_canceled": "no",-->
            <!--"is_confirm_exchange": false,-->
            <!--"is_paid": "no",-->
            <!--"primary_id": "28438736385327142248",-->
            <!--"timeoff_date": [-->
              <!--"2018-05-29",-->
              <!--"2018-05-29"-->
            <!--],-->
            <!--"timeoff_days": 1,-->
            <!--"timeoff_type": "\u4e8b\u5047",-->
            <!--"update_time": "Wed, 30 May 2018 11:53:32 GMT",-->
            <!--"user_name": "\u9ec4\u6ec9"-->
          <!--},-->
          <!--{-->
            <!--"actual_exchange_date": [],-->
            <!--"actual_exchange_days": 0,-->
            <!--"create_time": "Wed, 30 May 2018 08:22:06 GMT",-->
            <!--"desc": "\u554a\u554a\u554a",-->
            <!--"division": "084",-->
            <!--"email": "bichen.cui@ihandysoft.com",-->
            <!--"expect_exchange_date": [-->
              <!--"2018-05-31"-->
            <!--],-->
            <!--"expect_exchange_days": 1,-->
            <!--"is_approval_timeoff": "yes",-->
            <!--"is_canceled": "no",-->
            <!--"is_confirm_exchange": false,-->
            <!--"is_paid": "no",-->
            <!--"primary_id": "31399522914933868476",-->
            <!--"timeoff_date": [-->
              <!--"2018-05-29",-->
              <!--"2018-05-29"-->
            <!--],-->
            <!--"timeoff_days": 1,-->
            <!--"timeoff_type": "\u75c5\u5047",-->
            <!--"update_time": "Wed, 30 May 2018 08:22:06 GMT",-->
            <!--"user_name": "\u5d14\u78a7\u6668"-->
          <!--},-->
          <!--{-->
            <!--"actual_exchange_date": [],-->
            <!--"actual_exchange_days": 0,-->
            <!--"create_time": "Wed, 30 May 2018 08:08:09 GMT",-->
            <!--"desc": "2",-->
            <!--"division": "082",-->
            <!--"email": "tianhang.chen@ihandysoft.com",-->
            <!--"expect_exchange_date": [],-->
            <!--"expect_exchange_days": 0,-->
            <!--"is_approval_timeoff": "yes",-->
            <!--"is_canceled": "no",-->
            <!--"is_confirm_exchange": false,-->
            <!--"is_paid": "no",-->
            <!--"primary_id": "59297315883191447843",-->
            <!--"timeoff_date": [-->
              <!--"2018-05-29",-->
              <!--"2018-05-29"-->
            <!--],-->
            <!--"timeoff_days": 1,-->
            <!--"timeoff_type": "\u4e8b\u5047",-->
            <!--"update_time": "Wed, 30 May 2018 08:08:09 GMT",-->
            <!--"user_name": "\u9648\u5929\u822a"-->
          <!--},-->
          <!--{-->
            <!--"actual_exchange_date": [],-->
            <!--"actual_exchange_days": 0,-->
            <!--"create_time": "Wed, 30 May 2018 02:38:10 GMT",-->
            <!--"desc": null,-->
            <!--"division": "085",-->
            <!--"email": "yan.xu@ihandysoft.com",-->
            <!--"expect_exchange_date": [],-->
            <!--"expect_exchange_days": 0,-->
            <!--"is_approval_timeoff": "yes",-->
            <!--"is_canceled": "no",-->
            <!--"is_confirm_exchange": false,-->
            <!--"is_paid": "no",-->
            <!--"primary_id": "42513477989868837156",-->
            <!--"timeoff_date": [-->
              <!--"2018-05-28",-->
              <!--"2018-05-30"-->
            <!--],-->
            <!--"timeoff_days": 3,-->
            <!--"timeoff_type": "\u4e8b\u5047",-->
            <!--"update_time": "Wed, 30 May 2018 02:38:10 GMT",-->
            <!--"user_name": "\u8bb8\u7131"-->
          <!--}],-->
      <!--}-->
    <!--},-->
    <!--methods: {-->
      <!--//搜索用户姓名的方法-->
      <!--handleNameChange() {-->
        <!--console.log("搜索姓名");-->
      <!--},-->
      <!--//按照日历搜索数据-->
      <!--searchUserDate(item) {-->
        <!--console.log(item);-->
      <!--},-->
      <!--//删除表格数据-->
      <!--deleteTableItem (item) {-->
        <!--this.$confirm('此操作将永久删除该条数据, 是否继续?', '提示', {-->
          <!--confirmButtonText: '确定',-->
          <!--cancelButtonText: '取消',-->
          <!--type: 'warning'-->
        <!--}).then(() => {-->
          <!--// let temp = [];-->
          <!--for (let i = 0,len = this.tableData.length; i < len; i++) {-->
            <!--console.log(i);-->
            <!--console.log(this.tableData);-->
            <!--if (this.tableData[i].primary_id !== item.primary_id) {-->
              <!--this.temp.push(this.tableData[i]);-->
              <!--console.log("this.temp");-->
            <!--}-->
          <!--}-->
          <!--this.tableData = this.temp;-->
          <!--this.$notify({-->
            <!--title: '成功',-->
            <!--message: '删除成功!',-->
            <!--type: 'success'-->
          <!--});-->
        <!--}).catch(() => {-->

        <!--});-->
      <!--},-->
      <!--//每页的数量发生改变时-->
      <!--handleSizeChange(item) {-->
        <!--console.log(item);-->
      <!--},-->
      <!--//跳转到某页-->
      <!--handleCurrentChange(item) {-->
        <!--console.log(item)-->
      <!--},-->
      <!--//点击按钮，展示个人假期详情-->
      <!--displayVocationInfo(item) {-->
        <!--this.displayUseName = item.user_name;-->
        <!--this.dialogTableVisible = true;-->
      <!--}-->
    <!--}-->
  <!--}-->
<!--</script>-->

<!--<style lang="css">-->
  <!--.editDialog {-->
    <!--margin: 40px auto;-->
  <!--}-->
<!--</style>-->
